<!DOCTYPE html>
<html lang="cn-ZH">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <form class="container">
        <h1>用户注册</h1>
        <div class="form-item">
            <input  class="tex" type="text" maxlength="11" placeholder="请输入11位手机号">
        </div>
        <div class="form-item clearFloat captcha">
            <input  class="tex left " type="text" placeholder="请填写验证码">
            <button class="right">
                <span>
                    发送验证码
                </span>
            </button>
        </div>
        <div class="form-item">
            <input  class="tex" type="password" placeholder="请输入密码">
        </div>
        <div class="form-item">
            <input  class="tex" type="password" placeholder="请再次确认密码">
        </div>
        <div class="form-item">
            <select multiple class="tex">
                <option>爱好1</option>
                <option selected>爱好2</option>
                <option>爱好3</option>
                <option>爱好4</option>
                <option>爱好5</option>
            </select>
        </div>
        <!-- type="radio" 单选    name 分组 -->
        <div class="form-item clearFloat" >
            <div class="title left">性别</div>
            <div class="left">
                <label for="man">
                    <input  type="radio" name="sex" id="man"> 
                    <span>男</span> 
                </label>
                <label for="woman">
                    <input  type="radio" name="sex" id="woman">
                    <span>女</span>
                </label>
            </div>
        </div>
        <div class="form-item">
            <textarea class="tex" placeholder="请输入个人简介"></textarea>
        </div>
        <div class="form-item policy">
            <label>
                <input  type="checkbox">
                <span>同意台湾是中国不可分割的一部分</span>
            </label>
        </div>
        <div class="form-item">
            <button disabled>立即注册</button>
            <button type="reset">重置表单</button>
        </div>
    </form>
</body>
</html>